﻿@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/
/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {padding: 0;margin: 0;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { vertical-align: top; border: 0; }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal;  }
ol, ul, li { list-style: none; }
div, dl, dt, dd, ol, ul, li {zoom: 1;}
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;font-size: 100%;}
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{margin: 0;padding: 0;display:block;zoom:1;}

/* Public */
body {min-width:1200px; color: #333; font-size: 14px; line-height:1.8; font-family:"Microsoft YaHei",SimSun,Arial,Helvetica,Tahoma,sans-serif; text-align: center; -webkit-text-size-adjust: none; background: #cfe2f5;}
a { color: #000016; text-decoration: none; outline: none; }
a:hover { color: #bb9632; text-decoration: underline;}
.clearbox { border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden; }
.blank { display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
* + html .clearfix { min-height: 1%; }
.fl { float: left; }
.fr { float: right; }
.hide { display: none; }
.ovv { overflow: visible !important; }
input[type=button], input[type=submit], input[type=file], button{ cursor: pointer; -webkit-appearance: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }


/* 框架 */
#wrap{background: #cfe2f5 url(images/bg.jpg) no-repeat center top;}
.siteWidth{width: 1200px; margin: 0 auto; overflow: hidden;}
#content{width: 1160px; margin: 0 auto; padding: 0 20px; background: #fff;}
#content:after, #content:before, .row:after, .row:before {
    display: table;
    content: " ";
}

/* 顶部 */
.topBar{position: relative; height: 40px; line-height: 39px; color: #fff;}
.topBar a{color: #fff;}
.topBar .siteWidth{position: relative; z-index: 1; height: 40px; overflow: visible;}
.topBar>.bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #181818; filter: alpha(opacity=40); opacity: .4;}

.topDate{float: left; padding-left: 30px; background: url(images/icons.png) no-repeat 0 11px;}
.topPanel{float: right;}
.topPanel li{float: left;}
.topPanel li>a{display: block; height: 40px; padding: 0 10px; margin-left: 1px;}
.topPanel li>a .icon,.topSign a .icon{float: left; content: ""; display: block; height: 100%; width: 26px; background: url(images/icons.png) no-repeat 0 -88px; filter: alpha(opacity=50); opacity: .5;}
.topPanel li:hover>a,.topSign a:hover,.topPanel li.search>a{text-decoration: none; background-color: #364f6c; background-color: rgba(0,0,0,.3);}
.topPanel li:hover>a .icon, .topSign a:hover .icon, .topPanel li.search>a .icon{ filter: alpha(opacity=100); opacity: 1; }
.topPanel li.cn>a{display: none;}
.topPanel li.tw>a .icon{background-position: 0 -88px;}
.topPanel li.cn>a .icon{background-position: 0 -136px;}
.topPanel li.wx>a .icon{background-position: 0 -185px; width: 28px;}
.topPanel li.search>a{padding: 0;}
.topPanel li.search>a .icon{width: 40px; background-position: 12px -233px;}
.topPanel li .con{display: none;}
.topPanel li.on .con{display: block;}

/* 二维码 */
.topEwm{position: absolute; top: 100%; right: 0; z-index: 1; width: 177px; height: 177px; padding: 8px; background: #364f6c; background: rgba(0,0,0,.55);}
.topEwm .pic img{width: 177px; height: 177px;}

/* 登录入口 */
.topSign{float: right;}
.topSign a{display: inline-block; height: 40px; padding: 0 10px;}
.topSign a .icon{background-position: 0 -40px; width: 24px;}
.topSign .login .icon{background-position: 0 -40px;}
.topSign .user .icon{background-position: 0 -329px;}
.topSign .signOut .icon{background-position: 0 -376px;}

/* logo */
.logoBar{height: 284px;}
.logo{float: left; margin: 62px 0 0;}
.logo a{height: 155px; width: 900px;display:inline-block;background: url("/UploadFiles/201906110929056598.png") no-repeat;}


/* 搜索栏 */
.siteSearch{position: absolute; right: 100%; right: 0; padding: 20px 24px; background: #364f6c; background: rgba(0,0,0,.55);}
.siteSearch .keyWord{float: left; width: 195px; height: 19px; padding: 8px 10px; line-height: 19px; background: #fff; border: none; color: #666; outline: none;}
.siteSearch .searchBtn{float: left; display: block; height: 35px; padding: 0 17px; line-height: 35px; background: #b68023; color: #fff; font-size: 14px;}
.siteSearch .searchBtn:hover{background: #9a6b19; text-decoration: none;}



/* 导航栏 */
.nav{position: relative; background: #b68023;}
.mainNav{overflow: hidden;}
.mainNav .li1{float: left; width: 14.2857%; height: 61px; line-height: 61px;}
.mainNav .li1 .a1{position: relative; display: block; text-align: left; color: #fff; font-size: 18px; text-decoration: none;}
.mainNav .li1 .a1:before{float: left; display: block; content: ""; width: 43px; height: 43px; margin: 9px 8px 0 15px; background: url(images/iconsNav.png) no-repeat 0 0;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.mainNav .li1.on1 .a1:after{position: absolute; display: block; content: ""; left: 50%; bottom: 0; width: 0; height: 0; margin-left: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff;}
.mainNav .li1.no1 .a1{background: #e6475e;}
.mainNav .li1.no2 .a1{background: #ee6c1d;}
.mainNav .li1.no3 .a1{background: #f29216;}
.mainNav .li1.no4 .a1{background: #20b567;}
.mainNav .li1.no5 .a1{background: #5dbf4d;}
.mainNav .li1.no6 .a1{background: #cfa02f;}
.mainNav .li1.no7 .a1{background: #b68023;}

.mainNav .li1.no1 .a1:before{background-position: 0 0;}
.mainNav .li1.no2 .a1:before{background-position: -43px 0;}
.mainNav .li1.no3 .a1:before{background-position: -86px 0;}
.mainNav .li1.no4 .a1:before{background-position: -129px 0;}
.mainNav .li1.no5 .a1:before{background-position: -172px 0;}
.mainNav .li1.no6 .a1:before{background-position: -215px 0;}
.mainNav .li1.no7 .a1:before{background-position: -258px 0;}

.mainNav .li1 .a1:hover:before{
	-webkit-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/* 会员登录框 */
#loginStatusSign2{margin-top: 20px;}
.userLoginInfo .inputtext{width: 100%; height: 30px; line-height: 20px; padding: 4px 8px; background: #fff; border: 1px solid #d1d1d1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.userLoginInfo .btn{display: block; width: 150px; height: 38px; line-height: 20px; margin: 0 auto; padding: 8px 10px;  outline: none; text-align: center; font-size: 14px; color: #333; border: 1px solid #dfdfdf; background: #fff; border-radius: 38px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.userLoginInfo .btnSubmit{border-color: #e6475e; background: #e6475e; color: #fff;}
.userLoginInfo .btn:hover{text-decoration: none;
	-webkit-transform: scale(1.04, 1.04);
	-ms-transform: scale(1.04, 1.04);
	-o-transform: scale(1.04, 1.04);
	transform: scale(1.04, 1.04);
}
.userLogin{padding: 8px 2px;}
.userLogin li{overflow: hidden; padding: 6px 0;}
.userLogin li .title{float: left; width: 60px; text-align: right; line-height: 30px;}
.userLogin li .con{overflow: hidden; text-align: left;}
.userLogin li .validateSign{margin: 5px 0 0; float: right; cursor: pointer;}

.loginedInfo{padding: 6px 0;}
.loginedInfo .menuList{background: #fff; border: 1px solid #e2e0e0; border-bottom: none; margin-bottom: 10px;}
.loginedInfo .menuList li{overflow: hidden; padding: 5px 12px; line-height: 25px; text-align: left; border-bottom: 1px solid #e2e0e0;}
.loginedInfo .menuList .userName{font-size: 16px; line-height: 27px; text-align: center;}
.loginedInfo .menuList li .title{float: left;}
.loginedInfo .menuList li .con{overflow: hidden;}
.loginedInfo .btnList li{overflow: hidden; padding: 6px 0;}


#footer{position: relative; clear: both; height: auto; padding: 24px 0; margin-top: 10px; background: #333; color: #fff; overflow: hidden;}
#footer a{color: #fff;}
#footer .siteWidth{position: relative; background: url(images/footLogo.png) no-repeat left center;}
.footBox{margin-left: 312px; border-left: 1px solid #6a6a6a; text-align: left; padding: 0 0 0 20px; line-height: 1.85;}
.footNav{font-size: 0;}
.footNav li{display: inline-block; font-size: 12px; margin-right: 18px;}
.copyRight{padding-top: 5px;}

/* wBox - 块盒子 */
.wBox>.hd{height: 44px; line-height: 44px; color: #fff; padding: 0 19px; background: #e6475e;}
.wBox>.hd h3{float: left; font-size: 16px;}
.wBox>.hd h3 a{color: #fff; text-decoration: none;}
.wBox>.hd .more{float: right; color: #fff;}
.wBox>.bd{background: #f3f3f3; padding: 10px 18px;}

/* box - 标准盒子 */
.box>.hd{height: 44px; line-height: 44px; background: #f4f4f4;}
.box>.hd h3,.box>.hd li{float: left; height: 44px; padding: 0 17px; text-align: center; font-size: 18px;}
.box>.hd h3,.box>.hd li.on{background: #bb9632; color: #fff;}
.box>.hd h3 a,.box>.hd li a{text-decoration: none; color: #333;}
.box>.hd h3 a,.box>.hd li.on a{color: #fff;}
.box>.hd .more{float: right; color: #999; margin-right: 12px;}
.box>.bd{padding-top: 8px;}

/* smallBox - 小盒子 */
.smallBox>.hd{height: 35px; line-height: 35px; border-bottom: 1px solid #ddd;}
.smallBox>.hd h3,.smallBox>.hd li{float: left; height: 34px; padding: 0 20px; text-align: center; font-size: 16px;}
.smallBox>.hd h3,.smallBox>.hd li.on{border-bottom: 2px solid #bb9632; color: #bb9632;}
.smallBox>.hd h3 a,.smallBox>.hd li a{text-decoration: none; color: #333;}
.smallBox>.hd h3 a,.smallBox>.hd li.on a{color: #bb9632;}
.smallBox>.hd .more{float: right; color: #999; margin-right: 12px;}
.smallBox>.bd{padding-top: 10px;}




/*--
颜色代码
#bb9632 主色
#ee1d23 副色
--*


